layui.use(['form', 'layer', 'table', 'laytpl'], function() {
    var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery,
        laytpl = layui.laytpl,
        table = layui.table;

    //用户列表
    var tableIns = table.render({
        elem: '#userList',
        url: severUrl + 'get_my_manager_data',
        cellMinWidth: 95,
        page: false,
        height: "full-125",
        // limits: [10, 15, 20, 25],
        // limit: 20,
        id: "userListTable",
        cols: [
            [
                { type: "checkbox", fixed: "left", width: 50 },
                { field: 'tel', title: '用户账号', minWidth: 100, align: "center" },

                {
                    field: 'sex',
                    title: '用户性别',
                    align: 'center',
                    templet: function(d) {
                        if (d.sex == "0") {
                            return "男";
                        } else if (d.sex == "1") {
                            return "女";
                        }

                    }
                },

                {
                    field: 'quanxian',
                    title: '用户等级',
                    align: 'center',
                    templet: function(d) {
                        if (d.quanxian == "0") {
                            return "普通管理员";
                        } else if (d.quanxian == "1") {
                            return "超级管理员";
                        }

                    }
                },
                { field: 'login_time', title: '最后登录时间', align: 'center', minWidth: 150 },
                { title: '操作', minWidth: 175, templet: '#userListBar', fixed: "right", align: "center" }
            ]
        ],
        done: function(res, page, count) {
            console.log("用户用户");
            console.log(res);
            console.log(page);
            // console.log(count)
        }
    });

    //搜索【此功能需要后台配合，所以暂时没有动态效果演示】
    $(".search_btn").on("click", function() {
        if ($(".searchVal").val() != '') {
            table.reload("newsListTable", {
                page: {
                    curr: 1 //重新从第 1 页开始
                },
                where: {
                    key: $(".searchVal").val() //搜索的关键字
                }
            })
        } else {
            layer.msg("请输入搜索的内容");
        }
    });

    //添加用户
    function addUser(edit) {
        console.log("kkkkkk");
        console.log(edit)
        var index = layui.layer.open({
            title: "添加用户",
            type: 2,
            content: "editUser.html",
            success: function(layero, index) {
                var body = layui.layer.getChildFrame('body', index);
                if (edit) {
                    body.find(".userName").attr("disabled", "disabled");
                    body.find(".userName").val(edit.tel); //登录名
                    body.find(".userEmail").val(edit.pwd); //邮箱
                    body.find(".userSex input[value=" + edit.sex + "]").prop("checked", "checked"); //性别
                    body.find(".userGrade").val(edit.quanxian); //会员等级
                    body.find(".userStatus").val(edit.xianzhi); //用户状态
                    form.render();
                }
                setTimeout(function() {
                    layui.layer.tips('点击此处返回用户列表', '.layui-layer-setwin .layui-layer-close', {
                        tips: 3
                    });
                }, 500)
            }
        })
        layui.layer.full(index);
        window.sessionStorage.setItem("index", index);
        //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
        $(window).on("resize", function() {
            layui.layer.full(window.sessionStorage.getItem("index"));
        })
    }
    $(".addNews_btn").click(function() {
        addUser();
    })

    //批量删除
    $(".delAll_btn").click(function() {
        var checkStatus = table.checkStatus('userListTable'),
            data = checkStatus.data,
            newsId = [];
        if (data.length > 0) {
            for (var i in data) {
                newsId.push(data[i].newsId);
            }
            layer.confirm('确定删除选中的用户？', { icon: 3, title: '提示信息' }, function(index) {
                // $.get("删除文章接口",{
                //     newsId : newsId  //将需要删除的newsId作为参数传入
                // },function(data){
                tableIns.reload();
                layer.close(index);
                // })
            })
        } else {
            layer.msg("请选择需要删除的用户");
        }
    });
    // 是否禁止用户
    form.on('switch(xianzhi)', function(data) {
        // 获取当前控件         
        var statuStr = '';
        var selectIfKey = data.othis;
        // 获取当前所在行                                                                  
        var parentTr = selectIfKey.parents("tr").find("td").eq(1).text();
        console.log("wokankan");
        console.log(parentTr)
            // console.log(data.elem); //得到checkbox原始DOM对象
        console.log(data.elem.checked); //开关是否开启，true或者false
        if (data.elem.checked == true) {
            statuStr = 0
        } else {
            statuStr = 1

        }
        console.log(statuStr)
            // console.log(data.value); //开关value值，也可以通过data.elem.value得到
            // console.log(data.othis); //得到美化后的DOM对象
            // var that = $(this);
            // console.log(that)
            // console.log("dshffffffj")
            // console.log(data)
        var messages = "";
        var index = layer.msg('修改中，请稍候', {
            icon: 16,
            time: false,
            shade: 0.8
        });
        setTimeout(function() {
            layer.close(index);
            if (data.elem.checked) {
                $.ajax({
                    type: 'POST',
                    url: severUrl + 'change_my_manager_xianzhi', //发送请求  
                    data: {
                        tel: parentTr,
                        xianzhi: statuStr
                    },
                    dataType: "json",
                    success: function(result) {
                        console.log(result)
                        layer.msg("启用成功！");

                    }
                })
            } else {
                $.ajax({
                        type: 'POST',
                        url: severUrl + 'change_my_manager_xianzhi', //发送请求  
                        data: {
                            tel: parentTr,
                            xianzhi: statuStr
                        },
                        dataType: "json",
                        success: function(result) {
                            console.log(result)
                            layer.msg("禁用成功！");

                        }
                    })
                    // layer.msg("撤销成功！");
            }
        }, 500);
    })

    //列表操作
    table.on('tool(userList)', function(obj) {
        var layEvent = obj.event,
            data = obj.data;
        console.log(data)
        if (layEvent === 'edit') { //编辑
            addUser(data);
        } else if (layEvent === 'usable') { //启用禁用
            var _this = $(this),
                usableText = "是否确定禁用此用户？",
                btnText = "已禁用";
            if (_this.text() == "已禁用") {
                usableText = "是否确定启用此用户？",
                    btnText = "已启用";
            }
            layer.confirm(usableText, {
                icon: 3,
                title: '系统提示',
                cancel: function(index) {
                    layer.close(index);
                }
            }, function(index) {
                console.log(btnText)
                if (btnText == '已禁用') {
                    $.ajax({
                        type: 'POST',
                        url: severUrl + 'change_my_manager_xianzhi', //发送请求  
                        data: {
                            tel: data.tel,
                            xianzhi: 1
                        },
                        dataType: "json",
                        success: function(result) {
                            //  layer.msg("修改成功！");

                            console.log("xiugaichenggg")
                                // tableIns.reload();

                        }
                    })
                }
                if (btnText == '已启用') {
                    $.ajax({
                        type: 'POST',
                        url: severUrl + 'change_my_manager_xianzhi', //发送请求  
                        data: {
                            tel: data.tel,
                            xianzhi: 0
                        },
                        dataType: "json",
                        success: function(result) {
                            //  layer.msg("修改成功！");

                            console.log("xiugaichenggg")
                                // tableIns.reload();

                        }
                    })
                }
                console.log("qiyong")
                _this.text(btnText);
                layer.close(index);
            }, function(index) {
                console.log("jinzhi")
                layer.close(index);
            });
            // var _this = $(this),
            //     usableText = "是否确定禁用此用户？",
            //     btnText = "已禁用";
            // console.log(usableText)
            //     // if (_this.text() == "已禁用") {
            //     //     console.log("kkkk")
            //     // }
            // layer.confirm(usableText, {
            //     icon: 3,
            //     title: '系统提示',
            //     cancel: function(index) {
            //         console.log("出现没")

            //         layer.close(index);
            //     }
            // }, function(index) {
            //     console.log("我也不知道");
            //     $.ajax({
            //         type: 'POST',
            //         url: severUrl + 'change_my_manager_xianzhi', //发送请求  
            //         data: {
            //             tel: data.tel,
            //             xianzhi: 1
            //         },
            //         dataType: "json",
            //         success: function(result) {
            //             //  layer.msg("修改成功！");

            //             console.log("xiugaichenggg")
            //             tableIns.reload();

            //         }
            //     })
            //     usableText = "是否确定启用此用户？",
            //         btnText = "已禁用";
            //     _this.text(btnText);
            //     layer.close(index);
            // }, function(index) {
            //     console.log("我是测试啊")
            //     layer.close(index);
            // });
        } else if (layEvent === 'del') { //删除
            console.log(data)
            layer.confirm('确定删除此用户？', { icon: 3, title: '提示信息' }, function(index) {
                // $.("删除文章接口",{
                //     newsId : data.newsId  //将需要删除的newsId作为参数传入
                // },function(data){
                // // tableIns.reload();
                // // layer.close(index);
                // })
                $.post(severUrl + "delete_my_manager_data", {
                    tel: data.tel //将需要删除的newsId作为参数传入
                }, function(data) {
                    console.log(data)
                    tableIns.reload();
                    layer.close(index);
                });
            });
        }
    });

})